<template>
   <el-descriptions class="margin-top" title="用户定制信息详情" :column="4" :size="medium" border>
   
    <el-descriptions-item span="4">
      <template slot="label">
        <i class="el-icon-notebook-1"></i>
        订单号
      </template>
      {{order_form_no}}
    </el-descriptions-item>

    <el-descriptions-item span="2">
      <template slot="label">
        <i class="el-icon-user" ></i>
        用户名
      </template>
      {{user_name}} 
    </el-descriptions-item>

    <el-descriptions-item span="2">
      <template slot="label">
        <i class="el-icon-mobile-phone"></i>
        手机号
      </template>
      {{user_phone}}
    </el-descriptions-item>
    
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-location-outline"></i>
        目的地
      </template>
      {{order_form_destination}}
    </el-descriptions-item>
    
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-s-home"></i>
        出发地
      </template>
      {{order_form_origin}}
    </el-descriptions-item>
    
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-tickets"></i>
       出行人数
      </template>
   {{order_form_people_num}}
    </el-descriptions-item>

    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-timer"></i>
        游玩时间
      </template>
 {{order_form_time}}
    </el-descriptions-item>

    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-date"></i>
        出发日期
      </template>
    {{order_form_date}}
    </el-descriptions-item>

    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-coin"></i>
        出行预算
      </template>
     {{order_form_budget}}
    </el-descriptions-item>

    <el-descriptions-item span="2">
      <template slot="label">
        <i class="el-icon-collection-tag"></i>
        定制需求
      </template>
     {{  order_form_air_ticket_service }}&nbsp;
     {{  order_form_bullet_train }}&nbsp;
     {{  order_form_accommodation_service }}&nbsp;
     {{ order_form_driver }}
    </el-descriptions-item>

    <el-descriptions-item >
      <template slot="label">
        <i class="el-icon-s-comment"></i>
        个性化需求
      </template>
  {{order_form_desc}}
    </el-descriptions-item>

  </el-descriptions>

</template>

<script>
export default {
  data() {
    return {
        order_form_desc:'参加上海国际电影节，夜游长江',
        order_form_air_ticket_service:'',
        order_form_bullet_train:'酒店',
        order_form_accommodation_service:'飞机',
        order_form_driver:'司机',
        order_form_date:'2023-2-12',
        order_form_time:'6天',
        order_form_budget:'6500',
        order_form_destination:'上海',
        order_form_origin:'西安',
        order_form_people_num:'6',
        order_form_no:'12342412211',
        user_name:'koqiu',
        user_phone:'1292819222'
    };
  },
  methods: {},
};
</script>